我的前端入门是从工作中开始的,数据开发工作中,除了是一名SQL girl外,日常也免不了画报表,写前端。
在大部分项目中,都有成熟的框架或者产品能够快速地进行Bi开发,这个时候无论是HTML、CSS或者JavaScript也好, 都是作为一种补充自定义,提供客户更需要的效果。Html我认为是对初学者最友好的一门语言,所见即所学,甚至不需要安装任何工具, 记事本打开另存为.html文档,点开即可见。 它由一系列的元素组成,开始标签+内容+结束标签,以封闭标签成对出现。
初学者总免不了把Html和CSS混为一谈,把文本内容和样式夹杂在一起,但其实Html和CSS界限是很清晰的,Html全称是Hyper Text Markup Language(超文本标记语言)),CSS全称是Cascading Style Sheets(层叠样式表),从这里就可看出,一篇文章,Html负责其内容的结构和语义,而样式布局则交给CSS实现, 这是比较清晰的实现方式,当然Html中也可以用span或者style标签渲染样式,但是建议还是各做各的,结构更加清晰。
那么Html的结构是什么样呢?我们以写文章来举例,看看在Html中怎么组织各部分,最后在网络上形成。
<!DOCTYPE>
:文档类型申明,用来告诉浏览器,你的html是用什么版本写的,这是整个代码的第一句;
<html>
:根元素,所有的html代码都被打包放在这个标签之内,包装所有的内容;
这部分代码是所有人都要遵守的代码规范,能使你的代码结构更加清晰
<head>
:这个标签内存的内容不在页面中进行展示,主要包含指向的样式css,字符集声明,元数据
什么叫元数据呢?
元数据的定义是描述数据的数据,数仓中也有这个概念。那再简单一点,元数据指的是那些数据本身所携带的信息,比如作者信息,用途描述。
这其实是一开始就告诉别人,这个文档所包含的所有信息,文档,类似于论文的封面,作者申明、学校申明、研究说明,做一个简短的介绍。 在这其中包含几个重点标签。
<title>
:网页标题,在保存网站到书签中时建议书签名称的内容,与论文标题不同,这是整个html文档的网页标题;
<meta>
:指定网页编码,一般为utf-8万国码,<meta charset='utf-8'>;
表名和列名必须要有注释:这里就不需要多说了,没有中文解释纯靠猜的世界太痛苦了。
禁止使用外键和级联。
这里解释一下什么叫做级联,比如说学生表
中student_id是主键,那么成绩表中的student_id就是外键,如果更新了学生表的student_id,就会触发更新成绩表中的student_id,即为级联更新。
级联更新和外键适用于单机低并发,不适合高并发、分布式环境;级联更新是强阻塞,存在数据库风暴的危险,外键则会影响插入速度。
那么什么时候使用外键呢?在数仓建模中,我们通常会明确外键,确定表之间的关联关系,数据开发完成后,外键的完整性就可以作为数据质量判断的一层标准。
文献引用[^1]
[^1]:Java开发手册